* {
  /* 全局进度条修改 */
  scrollbar-color: rgb(174, 175, 175) rgb(242, 242, 242);
  scrollbar-width: thin;
}

// app global css in SCSS form
.body--light {
}

.body--dark {
}

:root {
  --dark-bg: #101214;
  --dark-border: #22272b;
  --dark-surface: #161a1d;
  --dark-text-primary: #dee4ea;
  --dark-text-secondary: #738496;
  --dark-primary: #1d7afc;
  --dark-text-inverse: #ffffff;
  --sunset-bg: #151c19;
  --sunset-border: #424f4a;
  --sunset-surface: #2f3834;
  --sunset-text-primary: #ecd2c5;
  --sunset-text-secondary: #c0ab92;
  --sunset-primary: #c0ab92;
  --sunset-text-inverse: #151c19;
  --sunrise-bg: #ecd2c5;
  --sunrise-border: #d7c9c6;
  --sunrise-surface: #f3e8e5;
  --sunrise-text-primary: #4f2733;
  --sunrise-text-secondary: #685844;
  --sunrise-primary: #a04d66;
  --sunrise-text-inverse: #f3e8e5;
  --light-bg: #f7f8f9;
  --light-border: #f1f2f4;
  --light-surface: #ffffff;
  --light-text-primary: #091e42;
  --light-text-secondary: #626f86;
  --light-primary: #1d7afc;
  --light-text-inverse: #ffffff;
  --bg: var(--dark-bg);
  --border: var(--dark-border);
  --surface: var(--dark-surface);
  --text-primary: var(--dark-text-primary);
  --text-secondary: var(--dark-text-secondary);
  --primary: var(--dark-primary);
  --text-inverse: var(--dark-text-inverse);
}

html.dark {
}
